<template>
  <div class="relative top-0 left-0 min-h-full">
    <Header/>
    <div >
      <Container>
        <template slot="left">
          <TreeDir />
        </template>
        <template slot="default">
          <router-view >
          </router-view>

        </template>
      </Container>
    </div>
    <Footer/>
  </div>
</template>
<script>
import Header from "@/components/Header"
import Footer from "@/components/Footer"
import Container from "@/components/Container"
import TreeDir from "@/components/TreeDir"
export default  {
  components:{Header,Footer,Container,TreeDir},
}
</script>

<style >
*{
  transition: color  100ms,background-color 100ms,background 100ms!important;
}
</style>